import React from 'react';
import './popup.css';

const Popup = () => {
  return (
    <div className="min-w-[300px] p-4 bg-gray-100">
      <h1 className="text-xl font-bold mb-2">Browser Extension</h1>
      <p className="text-gray-700">Welcome to the simple browser extension!</p>
      <button 
        className="mt-4 bg-blue-500 text-white px-4 py-2 rounded hover:bg-blue-600"
        onClick={() => alert('Button clicked!')}
      >
        Test Button
      </button>
    </div>
  );
};

export default Popup;